<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>WebSocket</title>
</head>

<body>
    asdfasdfasdfasdfasdfasdf
    <p id="output"></p>

    <script>
        var loc = window.location;
        var uri = 'ws:';

        if (loc.protocol === 'https:') {
            uri = 'wss:';
        }
        uri += '//' + loc.host;
        uri += '/ws';

        ws = new WebSocket(uri)

        ws.onopen = function() {
            console.log('Connected')
        }

        ws.onmessage = function(evt) {
            var out = document.getElementById('output');
            out.innerHTML += evt.data + '<br>';
        }

        setInterval(function() {
            ws.send('Hello, Server!');
        }, 1000);
    </script>
</body>

</html>